@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/Style Library/custom/fonts/roboto/roboto-v16-latin-100.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'),
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-100.woff') format('woff'), /* Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
  }

  /* Roboto 300
     ---- */

  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/Style Library/custom/fonts/roboto/roboto-v16-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
  }

  /* Roboto 400
     ---- */

  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/Style Library/custom/fonts/roboto/roboto-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }

  /* Roboto 500
     ---- */

  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/Style Library/custom/fonts/roboto/roboto-v16-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-500.woff') format('woff'), /* Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
  }

  /* Roboto 700
     ---- */

  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/Style Library/custom/fonts/roboto/roboto-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/Style Library/custom/fonts/roboto/roboto-v16-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }

  /* Roboto-Slab 300
     ---- */

  @font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 300;
    src: url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Slab Light'), local('RobotoSlab-Light'),
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  }

  /* Roboto-Slab 400
     ---- */

  @font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  }

  /* Roboto-Slab 700
     ---- */

  @font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    src: url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/Style Library/custom/fonts/roboto-slab/roboto-slab-v6-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  }

  /* Roboto-Condensed 300
     ---- */

  @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }

  /* Roboto-Condensed 400
     ---- */

  @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }

  /* Roboto-Condensed 700
     ---- */

  @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../../fonts/roboto-condensed/roboto-condensed-v14-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }

/* Roboto end */


.c-preventivatore-piccolo {
    background-color: #fff;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 10px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;

}

.c-preventivatore-piccolo img {
    margin-bottom: 10px;
    width: 100%;
}

.c-preventivatore-piccolo .logo-crediper {
    display: inline-block;
    max-width: 70%;
}

.c-preventivatore-piccolo .logo-bcc {
    float: right;
}

.c-preventivatore-piccolo h1,
.c-preventivatore-piccolo h2,
.c-preventivatore-piccolo h3
 {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}

.c-preventivatore-piccolo h4,
.c-preventivatore-piccolo h5,
.c-preventivatore-piccolo h6,
.c-preventivatore-piccolo span {
    font-size: 12px;
    margin-top: 65px;
    display:block;
}

.c-preventivatore-piccolo #importo {
    _background: none;
    border: solid 1px #d4d7d9;
    margin: auto;
    max-width: 190px;
    padding: 5px;
}

.c-preventivatore-piccolo #importo:hover,
.c-preventivatore-piccolo #importo:active,
.c-preventivatore-piccolo #importo:focus {
    border: solid 2px #8f1d24;
    box-shadow: none;
    color: #222;
    outline: none;
}

.to-fill {
    border: 2px solid #8f1d24!important;
}

button.richiedi {
    background-color: #8f1d24;
    border: solid 1px transparent;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 5px 15px;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: auto !important;
}

button.richiedi:hover,
button.richiedi:active,
button.richiedi:focus {
    background-color: #fff !important;
    border: solid 1px #8f1d24 !important;
    box-shadow: none;
    color: #8f1d24 !important;
    outline: none;
    text-decoration: none !important;
}

.error-target,
.errore-preventivo {
    color: #8f1d24;
    display: none;
    font-size: 14px;
    font-weight: 400;
    height: 25px;
    line-height: 2;
    margin: auto;
    max-width: 280px;
    padding: 3px 0 0 22px;
    position: relative;
    top: 5px;
    vertical-align: middle;
}

.error-target:before,
.errore-preventivo:before {
    background: #8f1d24;
    color: #fff;
    content: "!";
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: -8px;
    width: 30px;
}

@media (min-width: 1px) and (max-width: 190px) {

    .error-target,
    .errore-preventivo {
        _font-size: 11px !important;
        _position: absolute;
    	_width: 190px;
    	_top: 72px !important;
		display:none !important;
    }

    .c-preventivatore-piccolo #importo {
        max-width: 150px;
    }

}

@media (min-width:190px) and (max-width: 249px) {

    .c-preventivatore-piccolo h1,
    .c-preventivatore-piccolo h2,
    .c-preventivatore-piccolo h3 {
        margin-top: 0;
    }

    #importo {
        height: 28px;
    }

    .errore-preventivo {
        _top: 5px;
        position: absolute;
    	width: 190px;
    	top: 72px !important;

    }

    .error-target,
    .errore-preventivo {
        height: 25px;
    }

    .error-target:before,
    .errore-preventivo:before {
        font-size: 25px;
        left: 0;
        width: 20px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    button.richiedi {
        padding: 5px 10px;
    }

}

@media  (min-width: 250px) {

    .c-preventivatore-piccolo h1,
    .c-preventivatore-piccolo h2,
    .c-preventivatore-piccolo h3 {
        font-size: 22px;
    }

    .c-preventivatore-piccolo h4,
    .c-preventivatore-piccolo h5,
    .c-preventivatore-piccolo h6
    .c-preventivatore-piccolo span {
        font-size: 17px;
    }

    .c-preventivatore-piccolo .logo-crediper {
        float: left;
        max-width: 100px;
    }

    .c-preventivatore-piccolo .logo-bcc {
        max-width: 70px;
    }

    .c-preventivatore-piccolo h1,
    .c-preventivatore-piccolo h2,
    .c-preventivatore-piccolo h3 {
        clear: both;
    }

    .c-preventivatore-piccolo #importo {
        font-size: 14px;
    }

}

@media (max-width:199px) {

    .c-preventivatore-piccolo .logo-bcc {
        display: none;
    }

}


@media (max-width:230px) {

    section.c-preventivatore-piccolo h1,
    section.c-preventivatore-piccolo h2,
    section.c-preventivatore-piccolo h3,
    section.c-preventivatore-piccolo h4,
    section.c-preventivatore-piccolo h5,
    section.c-preventivatore-piccolo h6,
    section.c-preventivatore-piccolo span  {
        margin-left: 0;
    }

    div.richiedi-input.clearfix {
        padding: 0;
    }

}

@media (min-width:200px) and (max-width:350px) and (max-height:200px) {

    .c-preventivatore-piccolo {
        padding: 5px 10px;
        text-align: left;
    }

    .c-preventivatore-piccolo .logo-crediper {
        float: left;
        margin-bottom: 5px;
        max-width: 70px;
    }

    .c-preventivatore-piccolo .logo-bcc {
        margin-bottom: 5px;
        max-width: 50px;
    }

    .c-preventivatore-piccolo h1,
    .c-preventivatore-piccolo h2,
    .c-preventivatore-piccolo h3 {
        clear: both;
        font-size: 13px;
        font-weight: 900;
        margin: 0 0 0 0;
    }

    .c-preventivatore-piccolo h4,
    .c-preventivatore-piccolo h5,
    .c-preventivatore-piccolo h6,
    .c-preventivatore-piccolo span {
        font-size: 13px;
        font-weight: 300;
        margin: 0 0 10px 20px;
    }

    .richiedi-input.clearfix {
        padding: 0 0 0 20px;
    }

    .form-group.label-animation {
        display: table-cell;
        text-align: center;
        vertical-align: top;
        width: 50%;
    }

    .form-group.label-animation.assicurazione {
        text-align: right;
    }

    .c-preventivatore-piccolo #importo {
        font-size: 12px;
        height: 25px;
    }

    button.richiedi {
        font-size: 9px;
        padding: 5px 15px;
    }

    .errore-preventivo {
        font-size: 12px;
        position: absolute;
    	width: 190px;
        top: auto !important;
    	bottom: 4px;

    }
    
    .error-target {
        font-size: 12px;
        position: absolute;
    	width: 190px;
        top: auto !important;
    	bottom: 4px;
		text-align: center;
    }


}

@media (max-width: 199px) {
    .c-preventivatore-piccolo {
        padding: 5px 10px;
    }

    .c-preventivatore-piccolo .logo-crediper {
        max-width: 65%;
    }

    .form-group.label-animation.assicurazione.clearfix {
        margin-bottom: 0;
    }

    button.richiedi {
        font-size: 12px;
    }
}

@media (max-width: 280px){
	.c-preventivatore-piccolo div.error-target{
	_display:none !important;
	}

}

div.form-group.label-animation.assicurazione.clearfix {
	margin-bottom:0px;
}

@media (min-height: 110px) and (max-height: 130px) {
	.lblTitolo * {
		padding-top:14px;
	}
	.errore-preventivo:before {
	    font-size: 20px;
    	width: 15px;
    	top:5px;
	}
	
	.c-preventivatore-piccolo div.error-target:before{
		font-size: 20px;
    	width: 15px;
    	top:5px;
	}


}

@media (min-height: 100px) and (max-height: 109px) {
	.lblTitolo * {
		padding-top:4px;
	}
	.errore-preventivo:before {
	    font-size: 20px;
    	width: 15px;
    	top:5px;
    	
	}
	
	.c-preventivatore-piccolo div.error-target:before{
		font-size: 20px;
    	width: 15px;
    	top:5px;
	}
	
	.errore-preventivo {
		display:none !important;
	}
	
	
}